<link rel="stylesheet"
	th:href="@{/admin/plugins/bootstrap-table/src/bootstrap-table.css}">

<script type="text/javascript"
	th:src="@{/admin/plugins/bootstrap-table/dist/bootstrap-table.min.js}"></script>
<!-- bootstrap datepicker -->
<link rel="stylesheet"
	th:href="@{/admin/plugins/datepicker/datepicker3.css}">
<section class="content-header">
	<h1>
		相册管理 <small>相册内容</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="#"><i class="fa fa-dashboard"></i> 后台</a></li>
		<li><a href="#">内容管理</a></li>
		<li class="active">相册内容</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
	
	<!-- Default box 相册列表 -->
	<div class="box collapsed-box">
		<div class="box-header">
			<h3 class="box-title">相册列表</h3>
			<!-- tools box -->

			<div class="box-tools pull-right">
				
				<button type="button" class="btn btn-box-tool"
					data-widget="collapse" data-toggle="tooltip" title="Collapse">
					<i class="fa fa-plus"></i>
				</button>

			</div>
			<!-- /. tools -->
		</div>
		<!-- /.box-header -->
		<div class="box-body">
			<label>栏目选择</label>
			<select class="form-control photosCategorySelect photosCategoryList" >
				<option value="-1">所有类型</option>
			</select>
			<table class="table table-hover photos-table" id="photosTable"
				data-pagination="true" data-show-refresh="true"
				data-show-toggle="true" data-showColumns="true">
					
				<tbody>
				</tbody>
			</table>
		</div>
		<!-- /.box-body -->
		<div class="box-footer">Footer</div>
		<!-- /.box-footer-->
	</div>
	<!-- /.box -->
</section>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="myModalLabel">Modal title</h4>
			</div>
			<div class="modal-body">
				<form>
				<input name="id" class="updatePhotosForm" type="hidden">
				<div class="form-group">
						<label>名称</label> 
						<input class="form-control form-article-edit updatePhotosForm"
							name="name" type="text" placeholder="标题"></input>
					</div>
					
					<div class="form-group">
                  		<label>简介</label>
                  		<textarea name="introduce" class="form-control updatePhotosForm" rows="3" placeholder="输入相册介绍"></textarea>
                	</div>
					<input type="hidden" name="order" class="updatePhotosForm" >
					<div class="form-group">
						<label>图片</label> 
						<span> 
							<span class="btn selectPhoto" onclick="selectPhoto()">选择图片</span>
							<img class="updatePhotosForm " name="logo"
							style="max-height: 100px; max-width: 100px"/>
						</span>
					</div>
					<div class="form-group">
						<label>栏目</label> 
						<span> 
							<select name="category" class="photosCategoryList updatePhotosForm">
								<option value="">无</option>
							</select>
						</span>
					</div>
				<br>
				
				</form>
			</div>
			<div class="modal-footer" style="margin-top: 20px">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				<span type="button" onclick="updatePhotos()" class="btn btn-primary" >Save changes</button>
			</div>
		</div>
	</div>
</div>
<!-- /.content -->
<script type="text/javascript" th:src="@{/resources/js/admin/photos.js}"></script>


<form class="photoUpladForm">
	<input class="input-file article-photo-input" name="uploadFile"
		onchange="uploadPhotosLogo()" type="file" style="visibility: hidden;"></input>
</form>